<div class="grid_4">       
    <div class="da-panel">
        <div class="da-panel-header">
            <span class="da-panel-title">
                <img alt="" src="<?php echo $this->themeUrl; ?>/files/theme/images/icons/color/monitor.png">
                Tạo Paylist
            </span>
        </div>

        <div id="da-ex-tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
            <?php $this->renderPartial('_tabs')?>
            <div>
                <?php $this->widget('admin.components.widgets.AlertWidget');?>

                <div class="da-message info">
                    Thanh toán các đơn hàng giặt khô là hơi đã hoàn thành cho đối tác.
                    <br/>
                    Hiển thị các đơn hàng đã hoàn hành mà chưa thanh toán cho đối tác.
                </div>

                <?php $form=$this->beginWidget('CActiveForm', array(
                        'id'    =>  'paylist-form',
                        'enableClientValidation'=>true,
                        'clientOptions'=>array(
                            'validateOnSubmit'=>true,
                        ),
                        'enableAjaxValidation'=>true,
                        'htmlOptions'=>array(
                            'class' => 'da-form'
                        ),
                    )); ?>
                <div class="da-form-inline">
                    <div class="da-form-row">
                        <div class="da-form-col-4-8">
                            <?php echo $form->labelEx($model,'name');?>
                            <div class="da-form-item large">
                                <?php echo $form->textField($model,'name',array('maxlength'=>255));?>
                            </div>
                        </div>
                    </div>
                    <div class="da-form-row">
                        <div class="da-form-col-4-8">
                            <?php echo $form->labelEx($model,'note');?>
                            <div class="da-form-item large">
                                <?php echo $form->textArea($model,'note', array('style' => 'height: 100px')); ?>
                            </div>
                        </div>
                    </div>
                    <div class="da-form-row">
                        <div class="da-form-col-4-8">
                            <?php echo $form->labelEx($model,'date_from');?>
                            <div class="da-form-item large">
                                <?php echo $form->textField($model,'date_from',array('class'=>'datepicker'));?>
                            </div>
                        </div>
                    </div>
                    <div class="da-form-row">
                        <div class="da-form-col-4-8">
                            <?php echo $form->labelEx($model,'date_to');?>
                            <div class="da-form-item large">
                                <?php echo $form->textField($model,'date_to',array('class'=>'datepicker'));?>
                            </div>
                        </div>
                        <div class="da-form-col-2-8">
                            <button type="button" class="da-button blue" id="view_bills">
                                Xem danh sách đơn hàng
                            </button>
                        </div>
                    </div>
                    <div class="da-form-row" id="bills">

                    </div>
                    <div class="da-form-row">
                        <div class="da-form-col-4-8">
                            <label></label>
                            <div class="da-form-item">
                                <?php echo $form->hiddenField($model,'price_total');?>
                                <?php echo $form->hiddenField($model,'price_return');?>
                                <button type="submit" class="da-button blue" id="create_paylist">
                                    Tạo Paylist
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                <?php $this->endWidget();?>
            </div>
        </div>

    </div>
</div>       
<script>
    $(function(){
        $('#create_paylist').click(function(){
            if($('#Paylist_price_return').val() == ''){
                 alert("Bạn cần chọn ngày rồi xem và chọn danh sách đơn hàng và xem tổng tiền");
                 return false;
            }    
        });
        
        $("input.datepicker").datepicker({ dateFormat: 'yy-mm-dd' });

        $('#check_all').live('click', function(){
            $('input.bill').prop('checked', this.checked);           
        });
        
        $('#calc').live('click', function(){
            var price_total = 0;
            $('.bill:checked').each(function( index ) {
                var price = parseInt($(this).attr('price'));
                price_total += price;
            });
            var commission = Math.round(price_total * 30 / 100);
            var price_return = Math.round(price_total * 70 / 100);
            
            $('#price_total').text(price_total+'k');
            $('#operator').text(' x 70% = ');
            $('#price_return').text(price_return+'k');
            $('#commission').text('('+commission+'k)');
            
            $('#Paylist_price_total').val(price_total);
            $('#Paylist_price_return').val(price_return);
        });

        $('#view_bills').click(function(){
            var date_from = $('#Paylist_date_from').val();
            var date_to = $('#Paylist_date_to').val();
            if(date_from == '' || date_to == ''){
                alert("Bạn cần chọn từ ngày nào đến ngày nào");
                return false;
            }
            $('#ajax-loading').fadeIn();
            $.post('<?php echo $this->createUrl('/admin/bill/ajaxLoadPaylistBills')?>', {
                date_from : date_from,    
                date_to : date_to    
                }, function(data){
                    $('#bills').html(data);
                    $('#ajax-loading').fadeOut();    
            });   
        });
    });
</script>